<template>
  <main class="page">
    <PageBanner :bg_url="page.banner" />
    <section class="section-container">
      <div class="section-wrap">
        <ul class="video list">
          <li class="list-item" v-for="(item,key) of list" :key="key">
            <a href class="list-item-link" target="__blank">
              <NewsItem :item="item" />
            </a>
          </li>
        </ul>
      </div>
    </section>
  </main>
</template>
<script>
import NewsItem from "@/components/NewsItem.vue";
export default {
  name: "Video",
  components: {
    NewsItem
  },
  data() {
    return {
      page: {
        banner: {
          "background-image": `url(${require("@/assets/img/video.jpg")})`
        }
      },
      list: [
        {
          title: "SDAY 2017",
          date: "28 Jun 2019",
          thumb:
            "https://sday.design/media/upload/MEDIA/Videos/COVER/2017%20VIDEO%20COVER.jpg",
          cate: "Videos",
          description:
            "Fabrizio Alessio from the city of Torino Italy topped the list of 21 winners of the 2017 SDAY"
        },
        {
          title: "SDAY 2015",
          date: "28 Jun 2019",
          thumb:
            "https://sday.design/media/upload/MEDIA/Videos/COVER/2015%20VIDEO%20COVER.jpg",
          cate: "Videos",
          description: "SDAY 2015"
        },
        {
          title: "SDAY 2013",
          date: "18 Mar 2014",
          thumb:
            "https://sday.design/media/upload/MEDIA/Videos/COVER/2013%20%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2.jpg",
          cate: "Videos",
          description:
            "The design team “Daily tous les jours” coming from Montréal won Grand Award"
        }
      ]
    };
  }
};
</script>
<style lang="scss">
</style>
